<template>
  <div>
    <shopHeader></shopHeader>
    <!-- 头部导航 -->
    <mt-navbar v-model="selected">
      <mt-tab-item id="1">点餐</mt-tab-item>
      <mt-tab-item id="2">评价</mt-tab-item>
      <mt-tab-item id="3">商家</mt-tab-item>
    </mt-navbar>
    <!-- tab-container 内容显示区域 -->
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="1"><order></order></mt-tab-container-item>
      <mt-tab-container-item id="2"><rating></rating></mt-tab-container-item>
      <mt-tab-container-item id="3"><shopDetails></shopDetails></mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>
<script>
import shopHeader from "../../components/ShopHeader/shopHeader";
import order from './order/order'
import rating from './rating/rating'
import shopDetails from './shopDetails/shopDetails'
export default {
  data() {
    return {
      selected: "1"
    };
  },
  methods: {},
  components: {
    shopHeader,order,rating,shopDetails
  }
};
</script>
<style lang="scss" scoped>
</style>
